﻿<!DOCTYPE html>
<html>
  <head>
    <title>观看历史</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/观看历史/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/观看历史/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u261" class="ax_default box_1">
        <div id="u261_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u262" class="ax_default _图片2">
        <img id="u262_img" class="img " src="images/编辑资料/u168.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u263" class="ax_default label">
        <div id="u263_div" class=""></div>
        <div id="u263_text" class="text ">
          <p><span>观看历史</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u264" class="ax_default line">
        <img id="u264_img" class="img " src="images/编辑资料/u185.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u265" class="ax_default _图片2">
        <img id="u265_img" class="img " src="images/观看历史/u265.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u266" class="ax_default label">
        <div id="u266_div" class=""></div>
        <div id="u266_text" class="text ">
          <p><span>今天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u267" class="ax_default label">
        <div id="u267_div" class=""></div>
        <div id="u267_text" class="text ">
          <p><span>昨天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u268" class="ax_default label">
        <div id="u268_div" class=""></div>
        <div id="u268_text" class="text ">
          <p><span>三天前</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u269" class="ax_default label">
        <div id="u269_div" class=""></div>
        <div id="u269_text" class="text ">
          <p><span>暂时没有更多了</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u270" class="ax_default box_2">
        <div id="u270_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u271" class="ax_default box_2">
        <div id="u271_div" class=""></div>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u272" class="ax_default box_1">
        <img id="u272_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u273" class="ax_default label">
        <div id="u273_div" class=""></div>
        <div id="u273_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u274" class="ax_default label">
        <div id="u274_div" class=""></div>
        <div id="u274_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u275" class="ax_default box_2">
        <div id="u275_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u276" class="ax_default box_3">
        <img id="u276_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u277" class="ax_default label">
        <div id="u277_div" class=""></div>
        <div id="u277_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u278" class="ax_default label">
        <div id="u278_div" class=""></div>
        <div id="u278_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u279" class="ax_default box_3">
        <img id="u279_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u280" class="ax_default label">
        <div id="u280_div" class=""></div>
        <div id="u280_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u281" class="ax_default box_2">
        <div id="u281_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u282" class="ax_default box_2">
        <div id="u282_div" class=""></div>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u283" class="ax_default box_1">
        <img id="u283_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u284" class="ax_default label">
        <div id="u284_div" class=""></div>
        <div id="u284_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u285" class="ax_default label">
        <div id="u285_div" class=""></div>
        <div id="u285_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u286" class="ax_default box_3">
        <img id="u286_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u287" class="ax_default label">
        <div id="u287_div" class=""></div>
        <div id="u287_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u288" class="ax_default box_2">
        <div id="u288_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u289" class="ax_default box_2">
        <div id="u289_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u290" class="ax_default label">
        <div id="u290_div" class=""></div>
        <div id="u290_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u291" class="ax_default box_2">
        <div id="u291_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u292" class="ax_default box_3">
        <img id="u292_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u293" class="ax_default label">
        <div id="u293_div" class=""></div>
        <div id="u293_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u294" class="ax_default icon">
        <img id="u294_img" class="img " src="images/观看历史/u294.png"/>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u295" class="ax_default box_1">
        <img id="u295_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u296" class="ax_default label">
        <div id="u296_div" class=""></div>
        <div id="u296_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u297" class="ax_default box_2">
        <div id="u297_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u298" class="ax_default box_2">
        <div id="u298_div" class=""></div>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u299" class="ax_default box_1">
        <img id="u299_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u300" class="ax_default label">
        <div id="u300_div" class=""></div>
        <div id="u300_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u301" class="ax_default label">
        <div id="u301_div" class=""></div>
        <div id="u301_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u302" class="ax_default box_2">
        <div id="u302_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u303" class="ax_default box_3">
        <img id="u303_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u304" class="ax_default label">
        <div id="u304_div" class=""></div>
        <div id="u304_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u305" class="ax_default label">
        <div id="u305_div" class=""></div>
        <div id="u305_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u306" class="ax_default box_3">
        <img id="u306_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u307" class="ax_default label">
        <div id="u307_div" class=""></div>
        <div id="u307_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u308" class="ax_default box_2">
        <div id="u308_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u309" class="ax_default icon">
        <img id="u309_img" class="img " src="images/观看历史/u294.png"/>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u310" class="ax_default box_1">
        <img id="u310_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u311" class="ax_default label">
        <div id="u311_div" class=""></div>
        <div id="u311_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u312" class="ax_default box_2">
        <div id="u312_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u313" class="ax_default box_2">
        <div id="u313_div" class=""></div>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u314" class="ax_default box_1">
        <img id="u314_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u315" class="ax_default label">
        <div id="u315_div" class=""></div>
        <div id="u315_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u316" class="ax_default label">
        <div id="u316_div" class=""></div>
        <div id="u316_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u317" class="ax_default box_2">
        <div id="u317_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u318" class="ax_default box_3">
        <img id="u318_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u319" class="ax_default label">
        <div id="u319_div" class=""></div>
        <div id="u319_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u320" class="ax_default label">
        <div id="u320_div" class=""></div>
        <div id="u320_text" class="text ">
          <p><span>文字描述文字描述文字描述</span></p><p><span>文字描述文字描述...</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u321" class="ax_default box_3">
        <img id="u321_img" class="img " src="images/我的/u29.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u322" class="ax_default label">
        <div id="u322_div" class=""></div>
        <div id="u322_text" class="text ">
          <p><span>昵称</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u323" class="ax_default box_2">
        <div id="u323_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u324" class="ax_default icon">
        <img id="u324_img" class="img " src="images/观看历史/u294.png"/>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u325" class="ax_default box_1">
        <img id="u325_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u326" class="ax_default label">
        <div id="u326_div" class=""></div>
        <div id="u326_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u327" class="ax_default _文本段落">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text ">
          <p style="font-size:18px;"><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">逻辑说明</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">一.返回，点击返回至上级页面；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">二.展示：自适应展示</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp; 1.展示信息：文字描述、头像、昵称、点赞数：数量小于等于9999，显示具体数量，数量大于9999，以【万】为单位显示；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp; 2.点击：进入内容详情；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp; 3.展示逻辑：</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 3.1展示最近7天查看的视频以及图文内容；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 3.2按照日期展示：今天、昨天、三天前；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">三.删除按钮：点击弹出【确认清空】弹窗；清空后，页面数据清空；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">三.排序逻辑，按照观看时间倒序排序；</span></p><p style="font-size:14px;"><span style="font-family:'ArialMT', 'Arial';font-weight:400;">四.缓存机制：默认缓存20条数据，滑动至第15条数据时，缓存后续20条数据；</span></p>
        </div>
      </div>

      <!-- Unnamed (心形) -->
      <div id="u328" class="ax_default box_1">
        <img id="u328_img" class="img " src="images/我的/u110.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u329" class="ax_default label">
        <div id="u329_div" class=""></div>
        <div id="u329_text" class="text ">
          <p><span>3000</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
